.leave-container {
  position: relative;
  margin: 20px 15px;
  padding-top: 14px;
  /* title */
  .leave-title {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    display: flex;
    .line {
      width: 4px;
      height: 12px;
      margin-left: 11px;
      background: #136fd1;
    }
    .leave-detail {
      margin-left: 10px;
      font-size: 14px;
      width: 200px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #002170;
      line-height: 14px;
    }
    .look-btn {
      margin-left: 55px;
      font-size: 12px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #136fd1;
      line-height: 12px;
    }
  }
  /* 卡片 */
  .card {
    position: relative;
    width: 345px;
    height: 230px;
    margin: 10px 0;
    background: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    border-bottom: 6px solid #136fd1;
    .student_avatar {
      position: absolute;
      top: 19px;
      left: 20px;
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      border: 1px dashed #8c97b2;
      img {
        width: 100%;
        height: 100%;
        border-radius: 18px;
      }
    }
    .stu-name {
      position: absolute;
      top: 21px;
      left: 67px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #002170;
    }
    .stu-gender {
      position: absolute;
      top: 22px;
      left: 104px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #8c97b2;
    }
    .tel-icon-container {
      display: grid;
      place-items: center;
      position: absolute;
      top: 19px;
      right: 121px;
      width: 16px;
      height: 16px;
      border: 1px dashed #8c97b2;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .stu-tel {
      position: absolute;
      top: 20px;
      right: 24px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #48dbbb;
    }
    .stu-dormitory {
      position: absolute;
      top: 43px;
      left: 67px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #8c97b2;
    }
    .stu-class {
      position: absolute;
      top: 64px;
      left: 67px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #8c97b2;
    }
    .stu-appli-icon {
      display: grid;
      place-items: center;
      position: absolute;
      top: 112px;
      left: 24px;
      width: 10px;
      height: 10px;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .stu-appli {
      position: absolute;
      top: 109px;
      left: 42px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #002170;
    }
    .stu-appli-time {
      position: absolute;
      top: 109px;
      right: 24px;
      font-size: 12px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #136fd1;
    }
    .sub-time {
      position: absolute;
      top: 131px;
      left: 42px;
      font-size: 12px;
      font-family: PingFangSC-Light, PingFang SC;
      font-weight: 300;
      color: #8c97b2;
    }
    .leave-res {
      position: absolute;
      top: 131px;
      right: 24px;
      font-size: 12px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #2a529f;
    }
    .handler-even-icon {
      display: grid;
      place-items: center;
      position: absolute;
      top: 168px;
      left: 24px;
      width: 10px;
      height: 10px;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .handler-even-approved {
      position: absolute;
      top: 165px;
      left: 42px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #48dbbb;
    }
    .handler-even-dismissed {
      position: absolute;
      top: 165px;
      left: 42px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #DD563F;
    }
    .dashed-line {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 126px;
      left: 27px;
      width: 40px;
      .line-i {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background-color: #d8dde6;
        margin: 3px 0;
      }
    }
    .leave-desc {
      position: absolute;
      top: 165px;
      right: 24px;
      font-size: 12px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #136fd1;
    }
    .opera-time {
      position: absolute;
      top: 187px;
      left: 42px;
      font-size: 12px;
      font-family: PingFangSC-Light, PingFang SC;
      font-weight: 300;
      color: #8c97b2;
    }
    .opera-teach {
      position: absolute;
      top: 187px;
      right: 24px;
      font-size: 12px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #2a529f;
    }
    .card-theme-bg {
      img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 135px;
        height: 68px;
        z-index: 23;
      }
    }
  }
  .no-data-bg {
    margin-top: 10px;
    width: 345px;
    height: 240px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.09);
    border-radius: 5px;

  }
}
